<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
    <link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet"/>
    <style type="text/css">
        .table > tbody > tr > td {
            vertical-align: middle;
        }
    </style>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding: 0px">
    <div class="main-container container-fluid">
        <div class="page-container">
            <div class="col-md-2 col-sm-2 col-xs-12" style="padding: 0px;">
                <div class="widget flat radius-bordered">
                    <div class="widget-header bg-lightred">
                        <span class="widget-caption">党组织机构</span>
                    </div>
                    <div class="widget-body">
                        <ul id="tree" class="ztree"></ul>
                    </div>
                </div>
            </div>
            <div class="col-md-10 col-sm-10 col-xs-12" style="padding: 0px">
                <div class="widget-header bordered-bottom bordered-palegreen">
                    <span class="widget-caption">届次信息</span>
                </div>
                <form class="form-horizontal" id="form1">
                    <table class="table table-hover table-striped table-bordered">
                        <tr>
                            <td width="20%">当前党组织：</td>
                            <td width="30%" colspan="3" id="partyOrgId"></td>
                        </tr>
                        <tr>
                            <td width="20%">领导集体届次：</td>
                            <td width="30%" id="election"></td>
                            <td width="20%">领导集体当选日期：</td>
                            <td width="30%" id="electionTime"></td>
                        </tr>
                        <tr>
                            <td width="20%">产生方式：</td>
                            <td width="30%" id="createType"></td>
                            <td width="20%">届满日期：</td>
                            <td width="30%" id="endTime"></td>
                        </tr>
                        <tr>
                            <td width="20%">应到人数：</td>
                            <td width="30%"><span id="due"></span>人
                            </td>
                            <td width="20%">实到人数：</td>
                            <td width="30%"><span id="actual"></span>人</td>
                        </tr>
                    </table>
                </form>
                <div class="widget-header bordered-bottom bordered-palegreen" style="margin-top: 20px;">
                    <span class="widget-caption">当届委员会成员</span>
                </div>
                <div class="widget-body">
                    <table id="myTable"></table>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-${localeLangCountry()}.js"></script>
<script type="text/javascript" src="/gobal/js/page/partyorg/committee.js"></script>
</body>
</html>
